<template>
    <div>
        <Navigation />
        <!-- 头部 -->
        <el-container class="home_container">
            
            <!-- 左侧导航 -->
            <el-container>
                <el-aside width="200px">
                    <el-menu
                        default-active="1"
                        class="el-menu-vertical-demo"
                        router
                    >
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>视频管理</span>
                            </template>
                            <el-menu-item index="/videoabout/videotable"
                                >视频信息列表</el-menu-item
                            >
                            <el-menu-item index="/videoabout/usertable"
                                >用户信息列表</el-menu-item
                            >
                        </el-submenu>
                    </el-menu>
                </el-aside>
                <!-- 主体部分 -->
                <el-main>
                    <router-view />

                    <div class="anniu">
                        <el-button type="warning" @click="goback()"
                            >退出</el-button
                        >
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

  <style scoped>
.el-container {
    height: 710px;
   
    border: 1px solid #eee;
}
.el-header {
    background: white;
    display: flex;
    line-height: 60px;
    font-size: 32px;
    color: pink;
    justify-content: space-between;
}
.el-header img {
    vertical-align: middle;
}
.el-aside {
    background: white;
}
.el-main {
    background: rgb(234, 237, 241);
}
.anniu {
    position: absolute;
    right: 13px;
    bottom: 24px;
}
</style>
  <script>
import Navigation from "../components/Navigation.vue";
export default {
    components: { Navigation },
    name: "About",
    data() {
        return {};
    },
    methods: {
        goback() {
            this.$router.push("/login"); //跳转到首页面
            sessionStorage.removeItem("username");
        },
    },
};
</script>
 